#{extends 'main.html' /}
#{set title:'Otostopçu Ara' /}

<div class="filter-search-top">

<div class="filter-search-col">
<h4>Nerden il:</h4>
</div>

<div class="filter-search-col">
<h4>Nerden ilçe:</h4>
</div>

<div class="filter-search-col">
<h4>Nerden semt:</h4>
</div>

<div class="filter-search-col">
<h4>Nereye il:</h4>
</div>

<div class="filter-search-col">
<h4>Nereye ilçe:</h4>
</div>

<div class="filter-search-col">
<h4>Nereye semt:</h4>
</div>
</div>





<div class="filter-search">
#{form @Search.filterhitchhiker()}
<div class="filter-search-col">
<select name="departurestate"  style="border: 1px solid #59983B; width:100%" >
	<option value="" selected="selected">İl Seçiniz</option>
	
						  <option >Adana</option>
						   
                          <option >Adıyaman</option>
						   
                          <option >Afyon</option>
						   
                          <option >Ağrı</option>
						   
                          <option >Aksaray</option>
						   
                          <option >Amasya</option>
						   
                          <option >Ankara</option>
						   
                          <option >Antalya</option>
						   
                          <option >Ardahan</option>
						   
                          <option >Artvin</option>
						   
                          <option >Aydın</option>
						   
                          <option >Balıkesir</option>
						   
                          <option >Bartın</option>
						   
                          <option >Batman</option>
						   
                          <option >Bayburt</option>
						   
                          <option >Bilecik</option>
						   
                          <option >Bingöl</option>
						   
                          <option >Bitlis</option>
						   
                          <option >Bolu</option>
						   
                          <option >Burdur</option>
						   
                          <option >Bursa</option>
						   
                          <option >Çanakkale</option>
						   
                          <option >Çankırı</option>
						   
                          <option >Çorum</option>
						   
                          <option >Denizli</option>
						   
                          <option >Diyarbakır</option>
						   
                          <option >Düzce</option>
						   
                          <option >Edirne</option>
						   
                          <option >Elazığ</option>
						   
                          <option >Erzincan</option>
						   
                          <option >Erzurum</option>
						   
                          <option >Eskişehir</option>
						   
                          <option >Gaziantep</option>
						   
                          <option >Giresun</option>
						   
                          <option >Gümüşhane</option>
						   
                          <option >Hakkari</option>
						   
                          <option >Hatay</option>
						   
                          <option >Iğdır</option>
						   
                          <option >Isparta</option>
						   
                          <option >İçel</option>
						   
                          <option >İstanbul</option>
						   
                          <option >İzmir</option>
						   
                          <option >KahramanMaraş</option>
						   
                          <option >Karabük</option>
						   
                          <option >Karaman</option>
						   
                          <option >Kars</option>
						   
                          <option >Kastamonu</option>
						   
                          <option >Kayseri</option>
						   
                          <option >Kırıkkale</option>
						   
                          <option >Kırklareli</option>
						   
                          <option >Kırşehir</option>
						   
                          <option >Kilis</option>
						   
                          <option >Kocaeli</option>
						   
                          <option >Konya</option>
						   
                          <option >Kütahya</option>					
						   
                          <option >Malatya</option>
						   
                          <option >Manisa</option>
						   
                          <option >Mardin</option>
						   
                          <option >Muğla</option>
						   
                          <option >Muş</option>
						   
                          <option >Nevşehir</option>
						   
                          <option >Niğde</option>
						   
                          <option >Ordu</option>
						   
                          <option >Osmaniye</option>
						   
                          <option >Rize</option>
						   
                          <option >Sakarya</option>
						   
                          <option >Samsun</option>
						   
                          <option >Siirt</option>
						   
                          <option >Sinop</option>
						   
                          <option >Sivas</option>
						   
                          <option >Şanlıurfa</option>
						   
                          <option >Şırnak</option>
						   
                          <option >Tekirdağ</option>
						   
                          <option >Tokat</option>
						   
                          <option >Trabzon</option>
						   
                          <option >Tunceli</option>
						   
                          <option >Uşak</option>
						   
                          <option >Van</option>
						   
                          <option >Yalova</option>
						   
                          <option >Yozgat</option>
						   
                          <option >Zonguldak</option>
</select>
</div>

<div class="filter-search-col">
<input type="text" style="border: 1px solid #59983B; width:106px; height: 18px; margin-top:2px;" name="departuretownn">
</div>

<div class="filter-search-col">
<input type="text" style="border: 1px solid #59983B; width:106px; height: 18px; margin-top:2px;" name="departurestreet">
</div>

<div class="filter-search-col">
<select name="arrivestate"  style="border: 1px solid #59983B; width:100%" >
	<option value="" selected="selected">İl Seçiniz</option>
	
						  <option >Adana</option>
						   
                          <option >Adıyaman</option>
						   
                          <option >Afyon</option>
						   
                          <option >Ağrı</option>
						   
                          <option >Aksaray</option>
						   
                          <option >Amasya</option>
						   
                          <option >Ankara</option>
						   
                          <option >Antalya</option>
						   
                          <option >Ardahan</option>
						   
                          <option >Artvin</option>
						   
                          <option >Aydın</option>
						   
                          <option >Balıkesir</option>
						   
                          <option >Bartın</option>
						   
                          <option >Batman</option>
						   
                          <option >Bayburt</option>
						   
                          <option >Bilecik</option>
						   
                          <option >Bingöl</option>
						   
                          <option >Bitlis</option>
						   
                          <option >Bolu</option>
						   
                          <option >Burdur</option>
						   
                          <option >Bursa</option>
						   
                          <option >Çanakkale</option>
						   
                          <option >Çankırı</option>
						   
                          <option >Çorum</option>
						   
                          <option >Denizli</option>
						   
                          <option >Diyarbakır</option>
						   
                          <option >Düzce</option>
						   
                          <option >Edirne</option>
						   
                          <option >Elazığ</option>
						   
                          <option >Erzincan</option>
						   
                          <option >Erzurum</option>
						   
                          <option >Eskişehir</option>
						   
                          <option >Gaziantep</option>
						   
                          <option >Giresun</option>
						   
                          <option >Gümüşhane</option>
						   
                          <option >Hakkari</option>
						   
                          <option >Hatay</option>
						   
                          <option >Iğdır</option>
						   
                          <option >Isparta</option>
						   
                          <option >İçel</option>
						   
                          <option >İstanbul</option>
						   
                          <option >İzmir</option>
						   
                          <option >KahramanMaraş</option>
						   
                          <option >Karabük</option>
						   
                          <option >Karaman</option>
						   
                          <option >Kars</option>
						   
                          <option >Kastamonu</option>
						   
                          <option >Kayseri</option>
						   
                          <option >Kırıkkale</option>
						   
                          <option >Kırklareli</option>
						   
                          <option >Kırşehir</option>
						   
                          <option >Kilis</option>
						   
                          <option >Kocaeli</option>
						   
                          <option >Konya</option>
						   
                          <option >Kütahya</option>					
						   
                          <option >Malatya</option>
						   
                          <option >Manisa</option>
						   
                          <option >Mardin</option>
						   
                          <option >Muğla</option>
						   
                          <option >Muş</option>
						   
                          <option >Nevşehir</option>
						   
                          <option >Niğde</option>
						   
                          <option >Ordu</option>
						   
                          <option >Osmaniye</option>
						   
                          <option >Rize</option>
						   
                          <option >Sakarya</option>
						   
                          <option >Samsun</option>
						   
                          <option >Siirt</option>
						   
                          <option >Sinop</option>
						   
                          <option >Sivas</option>
						   
                          <option >Şanlıurfa</option>
						   
                          <option >Şırnak</option>
						   
                          <option >Tekirdağ</option>
						   
                          <option >Tokat</option>
						   
                          <option >Trabzon</option>
						   
                          <option >Tunceli</option>
						   
                          <option >Uşak</option>
						   
                          <option >Van</option>
						   
                          <option >Yalova</option>
						   
                          <option >Yozgat</option>
						   
                          <option >Zonguldak</option>
</select>
</div>

<div class="filter-search-col">
<input type="text" style="border: 1px solid #59983B; width:106px; height: 18px; margin-top:2px;" name="arrivetownn">
</div>

<div class="filter-search-col">
<input type="text" style="border: 1px solid #59983B; width:106px; height: 18px; margin-top:2px;" name="arrivestreet">
</div>

<div class="filter-search-button">
<input type="submit" value="Filtrele" style="border: 1px solid #59983B; width: 50px; height: 25px" /> 
</div>
#{/form} 
</div>


#{paginate.list items:paginator, as:'shj'}
<div class="search-tab">

<div class="search-tab-route">
<a href="/hitcjourneydetails/${shj.id}" style="color: #3B5998;">${shj.departurestate} - ${shj.departuretownn} ---> ${shj.arrivestate} - ${shj.arrivetownn}</a>
</div>



<div class="search-middle">

<div class="search-col">

<div class="row">
<div class="search-col-left">
Kalkış :
</div>
<div class="search-col-right">
${shj.departurestate}/${shj.departuretownn}/${shj.departurestreet}
</div>
</div>

<div class="row">
<div class="search-col-left">
Varış :
</div>
<div class="search-col-right">
${shj.arrivestate}/${shj.arrivetownn}/${shj.arrivestreet}
</div>
</div>

</div>


<div class="search-col2">

<div class="row">
<div class="search-col-left">
Tarih :
</div>
<div class="search-col-right">
${shj.departuredate.format('dd/MM/yyyy')}
</div>
</div>

<div class="row">
<div class="search-col-left">
Saat :
</div>
<div class="search-col-right">
${shj.departurehour}
</div>
</div>

</div>


</div>



<div class="search-bottom">
<div class="search-bottom-col">
<a href="/hitcjourneydetails/${shj.id}" style="color: #59983B;">Seyahat Detayı</a>
</div>

<div class="search-bottom-col">
<a href="/profile/${shj.user.id}" style="color: #59983B;">Profil Detayı</a>
</div>
</div>


</div>

#{/paginate.list} 
#{paginate.controls items:paginator /} 